const c2Opts = {
    title: {
        text: '商品销售情况',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
    },
    legend: {
        orient: 'horizontal',  // 更改为水平排列
        bottom: '5%',          // 调整图例到底部
        left: 'center',        // 居中对齐
        formatter: function (name) {
            return `<span style="display:inline-block;margin-right:5px;border-radius:2px;width:20px;height:20px;background-color:${this.color};"></span>${name}`;
        },         // 自定义图例名称显示
        itemWidth: 20,         // 颜色块宽度
        itemHeight: 20,        // 颜色块高度
        padding: 10,           // 图例内边距
        itemGap: 20            // 图例项之间的间距
    },
    series: [
        {
            name: 'Access From',
            type: 'pie',
            radius: '50%',
            center: ['50%', '45%'],  // 调整饼图中心位置，防止与图例重叠
            data: [],
            label: {
                show: false
            },
            labelLine: {
                show: false
            },
            emphasis: {
                label: {
                    show: true
                },
                labelLine: {
                    show: true
                },
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
